import React from "react"

export default class Map extends React.Component
{
    componentDidMount()
    {
        // React脚手架中全局变量都要用window去访问
        //const BMap = window.BMap 这样写也可以
        const {BMap} = window
        // 初始化地图实例
        const map = new BMap.Map("container")
        // 设置中心点
        const point = new BMap.Point(116.404, 39.915);
        // 地图初始化，同时设置地图展示级别
        map.centerAndZoom(point, 15);
    }
    render()
    {
        return (
            <div className="map">
                {/* 地图容器元素 */}
                <div id="container" style={{width:'400px',height:'700px'}}/>
        </div>
        )
    }
}

